<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="7000" escape="true"/>  
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">
	    		<p:spacer width="6px"/>
	    		<p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" 	action="docente_asistencia" ajax="false" />
	    		<p:spacer width="6px"/>
	    		<p:outputLabel for="txtAmb" value="Ambiente" style="position:relative;  top:-2px;"/>
	    		<p:spacer width="6px"/>
	    		<p:selectOneMenu id="txtAmb" value="#{docenteAsistencia.ambiente}" style="position:relative;  top:7px; width:210px">
		   			<f:selectItems value="#{docenteAsistencia.ambienteList}"/>
					<p:ajax event="change" update=":frmList" listener="#{docenteAsistencia.selectAmbiente}"/>
				</p:selectOneMenu>
				<p:spacer width="6px"/>
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
  
   		<p:dataTable id="itemList" var="item" value="#{docenteAsistencia.sesionList}"
   			emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"  paginatorPosition="bottom" >
     		
     		<f:facet name="header">
				<h:outputText value="Sesiones de Asistencia" />  
			</f:facet>
							
			<p:column headerText="Sesión" style="width:80%; align:center;" >   
				<h:outputText value="saesion"/>
			</p:column>
			
			<p:column headerText="Fecha" style="width:10%; align:center;" >   
				<h:outputText value="#{item.fecha}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
   				</h:outputText>
			</p:column>
			
			<p:column headerText="Opciones" style="width:10%">
				<p:commandButton icon="icn_item_asistencia" 	title="Tomar Asistencia" 	action="#{docenteAsistencia.optionGoAsistencia}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{docenteAsistencia.sesionSelect}" />
				</p:commandButton>
			</p:column>     
		</p:dataTable>
		
		
	</h:form>
	
   		
    </ui:define>
</ui:composition>